import React from 'react';
import { WebView, Animated, ActivityIndicator, Image, Keyboard, ScrollView, StyleSheet, Text, View, TouchableOpacity, Modal, TextInput, TouchableWithoutFeedback, DeviceEventEmitter, FlatList } from 'react-native';

import ScrollableTabView, { BadgedTabBar, DefaultTabBar } from 'react-native-scrollable-tab-view'
import { AlertDialog, SimpleItemsBottom, DatePicker } from 'react-native-pickers'
import ImagePicker from 'react-native-image-picker'
import CheckBox from 'react-native-check-box'
import RadioModal from '../Component/RadioModal'

const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);

import ScreenUtils from '../Utils/ScreenUtils'
import ColorUtils from '../Utils/ColorUtils'
import RouterUtils from '../Utils/RouterUtils'
import ToastUtils from '../Utils/ToastUtils'
import StorageUtils from '../Utils/StorageUtils'
import Constant from '../Constant/Constant'
import HttpUtils from '../Utils/HttpUtils'
import RuleUtils from '../Utils/RuleUtils'
import TimeUtils from '../Utils/TimeUtils'

const options = {
    title: '请选择',
    cancelButtonTitle: '取消',
    takePhotoButtonTitle: '拍照',
    chooseFromLibraryButtonTitle: '选择相册',
    quality: 0.75,
    allowsEditing: false,
    noData: false,
    storageOptions: {
        skipBackup: true,
        path: 'images',
    },
}

export default class PageFwcj extends React.Component
{
    static navigationOptions = ({navigation}) => ({
        gesturesEnabled: false,//是否支持滑动返回收拾，iOS默认支持，安卓默认关闭
        headerTitle: '两违排查',
        headerStyle: {
            backgroundColor: ColorUtils.blue,
            height: ScreenUtils.statusBarHeight,
        },
        headerRight: (<Text></Text>),
        headerTintColor: ColorUtils.white,
        headerTitleStyle: {
            fontSize: ScreenUtils.Font_18,
            color: ColorUtils.white,
            fontWeight: 'normal',
            flex: 1,
            alignSelf: 'center',
            textAlign: 'center',
        }
    });

    constructor(props)
    {
        super(props);
        this.state = {
            geoLocation: '',
            geoAddress: '请选择采集地点',
            repeatIdNumbers: [],
            showInputModal: false,
            searchText: '',
            isShowCancelDelete: false,
            //tab2
            pageIndexHistory: 1,
            onRefreshingHistory: false,
            onLoadMoreHistory: false,
            loadMoreCountHistory: 0,
            dataSourceHistory: [],
            isNoDataHistory: false,
            unit: ['年', '月', '日'],
            startYear: 1960,
            endYear: 2022,
            address: '',//地  址
            buildState: '请选择',//房屋建设现状
            bulidStateId: '',//房屋建设现状Id
            buildStateArray: [{key: '0', value: '既有房屋建筑'}, {key: '1', value: '在建房屋建筑'}],//0-既有房屋建筑,1-在建房屋建筑
            ownerName: '',//产权人姓名
            idNumber: '',//身份证号
            floor: '',//建筑层数
            structureArea: '',//建筑面积
            structureData: '请选择',//建设时间
            structureType: '请选择',//结构类型
            structureTypeId: '',//结构类型Id
            structureTypeArray: [{key: '0', value: '砖石结构(预制板)'}, {key: '1', value: '砖石结构(非预制板)'}, {key: '2', value: '土木结构'}, {key: '3', value: '混凝土结构'}, {key: '4', value: '钢结构'}, {key: '5', value: '混杂结构'}, {key: '6', value: '其他'}],//'结构类型 0-砖石结构(预制板),1-砖石结构(非预制板),2-土木结构,3-混凝土结构,4-钢结构,5-混杂结构,6-其他'
            structureTypeOther: '',//结构类型其他
            structureMethod: '请选择',//建造方式,
            structureMethodId: '',//建造方式Id
            structureMethodArray: [{key: '0', value: '自行建造'}, {key: '1', value: '建筑工匠建造'}, {key: '2', value: '有资质的施工队伍建造'}, {key: '3', value: '其他'}],//建造方式 0-自行建造,1-建筑工匠建造,2-有资质的施工队伍建造,3-其他
            structureMethodOther: '',//建造方式其他,
            landStatus: '请选择',//土地性质
            landStatusId: '',//土地性质Id
            landStatusArray: [{key: '0', value: '国有土地'}, {key: '1', value: '集体土地'}],//土地性质 0-国有土地,1-集体土地',
            landProcedure: '0',//用地手续
            buildProcedure: '0',//规划建设手续
            overProcedure: '0',//竣工验收手续
            loginProcedure: '0',//房屋登记手续
            constructionPermits: '0',//施工许可证
            planningProcedure: '0',//用地规划手续
            constructionProgress: '请选择',//施工进度
            constructionProgressId: '',//土地性质Id
            constructionProgressArray: [{key: '0', value: '竣工'}, {key: '1', value: '未竣工'}],//土地性质 0-竣工,1-未竣工',
            buildOrg: '',//建设单位
            designOrg: '',//设计单位
            constructionOrg: '',//施工单位
            changeContent: '请选择',//改造内容
            changeContentId: '',//结构类型Id
            changeContentArray: [{key: '0', value: '楼顶加层'}, {key: '1', value: '周边扩建'}, {key: '2', value: '楼内夹层'}, {key: '3', value: '改变承重结构'}, {key: '4', value: '其他'}],//'改造内容 0-楼顶加层,1-周边扩建,2-楼内夹层,3-改变承重结构,4-其他'
            changeContentOther: '',//改造内容其他
            housePropertyId: '',//房屋性质Id
            houseProperty: '请选择',//
            housePropertyArray: [{key: '0', value: '纯住宅'}, {key: '1', value: '纯商用'}, {key: '2', value: '商住混用'}, {key: '3', value: '公共服务设施'}],//'房屋性质 0-纯住宅,1-纯商用,2-商住混用,3-公共服务设施'
            mainApplication: '请选择',//主要用途
            mainApplicationId: '',//主要用途Id
            mainApplicationArray: [{key: '0', value: '餐饮服务'}, {key: '1', value: '民宿宾馆'}, {key: '2', value: '批发零售'}, {key: '3', value: '医疗卫生'}, {key: '4', value: '休闲娱乐'}, {key: '4', value: '休闲娱乐'}, {key: '5', value: '生产加工'}, {key: '6', value: '仓储物流'}, {key: '7', value: '养老服务'}, {key: '8', value: '其他'}],//'主要用途 0-餐饮服务,1-民宿宾馆,2-批发零售,3-医疗卫生,4-休闲娱乐,5-生产加工,6-仓储物流,7-养老服务,8-其他'
            mainApplicationOther: '',//主要用途其他
            housePropertyProcedure: '0',//改变房屋性质手续
            whetherBusiness: '0',//是否用作经营
            businessProcedure: '0',//经营审批手续
            safetyLoophole: '0',//安全隐患初判
            riskAreas: '请选择',//风险部位
            riskAreasId: '',//风险部位
            riskAreasArray: [{key: '0', value: '墙体'}, {key: '1', value: '梁柱'}, {key: '2', value: '地基'}, {key: '3', value: '屋面 '}, {key: '4', value: '楼板'}, {key: '5', value: '其他'}],//'风险部位 0-墙体,1-梁柱,2-地基,3-屋面,4-楼板,5-其他'
            riskAreasOther: '',//风险部位其他
            uploadPics: [],
            selectItemDatas: [],
            selectType: '',

            //changeContentTag1
            changeContentTag1BgColor: ColorUtils.tagUnselectBgColor,
            changeContentTag1TxtColor: ColorUtils.tagUnselectTxtColor,
            changeContentTag1BorderColor: ColorUtils.tagUnselectBgColor,
            changeContentTag1Check: false,
            //changeContentTag2
            changeContentTag2BgColor: ColorUtils.tagUnselectBgColor,
            changeContentTag2TxtColor: ColorUtils.tagUnselectTxtColor,
            changeContentTag2BorderColor: ColorUtils.tagUnselectBgColor,
            changeContentTag2Check: false,
            //changeContentTag3
            changeContentTag3BgColor: ColorUtils.tagUnselectBgColor,
            changeContentTag3TxtColor: ColorUtils.tagUnselectTxtColor,
            changeContentTag3BorderColor: ColorUtils.tagUnselectBgColor,
            changeContentTag3Check: false,
            //changeContentTag4
            changeContentTag4BgColor: ColorUtils.tagUnselectBgColor,
            changeContentTag4TxtColor: ColorUtils.tagUnselectTxtColor,
            changeContentTag4BorderColor: ColorUtils.tagUnselectBgColor,
            changeContentTag4Check: false,
            //changeContentTag5
            changeContentTag5BgColor: ColorUtils.tagUnselectBgColor,
            changeContentTag5TxtColor: ColorUtils.tagUnselectTxtColor,
            changeContentTag5BorderColor: ColorUtils.tagUnselectBgColor,
            changeContentTag5Check: false,

            //mainApplicationTag1
            mainApplicationTag1BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag1TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag1BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag1Check: false,
            //mainApplicationTag2
            mainApplicationTag2BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag2TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag2BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag2Check: false,
            //mainApplicationTag3
            mainApplicationTag3BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag3TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag3BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag3Check: false,
            //mainApplicationTag4
            mainApplicationTag4BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag4TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag4BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag4Check: false,
            //mainApplicationTag5
            mainApplicationTag5BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag5TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag5BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag5Check: false,
            //mainApplicationTag6
            mainApplicationTag6BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag6TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag6BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag6Check: false,
            //mainApplicationTag7
            mainApplicationTag7BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag7TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag7BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag7Check: false,
            //mainApplicationTag8
            mainApplicationTag8BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag8TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag8BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag8Check: false,
            //mainApplicationTag9
            mainApplicationTag9BgColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag9TxtColor: ColorUtils.tagUnselectTxtColor,
            mainApplicationTag9BorderColor: ColorUtils.tagUnselectBgColor,
            mainApplicationTag9Check: false,

            //riskAreasTag1
            riskAreasTag1BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag1TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag1BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag1Check: false,
            //riskAreasTag2
            riskAreasTag2BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag2TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag2BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag2Check: false,
            //riskAreasTag3
            riskAreasTag3BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag3TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag3BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag3Check: false,
            //riskAreasTag4
            riskAreasTag4BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag4TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag4BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag4Check: false,
            //riskAreasTag5
            riskAreasTag5BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag5TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag5BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag5Check: false,
        };
    }

    componentDidMount()
    {
        RouterUtils.pushRouter('PageFwcj', this.props.navigation.state.key);
        this.listener1 = DeviceEventEmitter.addListener('postLocation', (events) => this.postLocation(events));
        this.getHistoryList();//获取房屋采集已上报列表
    }

    componentWillUnmount()
    {
        RouterUtils.popRouter('PageFwcj', this.props.navigation.state.key);
        this.listener1.remove();
    }

    onChangeTabs(obj)
    {
    }

    searchChange(text)
    {
        if (text.length > 0)
        {
            this.setState({
                isShowCancelDelete: true,
                searchText: text
            })
        } else
        {
            this.setState({
                isShowCancelDelete: false,
                searchText: text
            })
            this.onRefreshHistory();
        }
    }

    searchEnd()
    {
        this.onRefreshHistory();
    }

    cancelSearch()
    {
        this.setState({
            searchText: '',
            isShowCancelDelete: false
        }, () =>
        {
            this.onRefreshHistory();
        })
    }

    getHistoryList()
    {
        try
        {
            var that = this;
            StorageUtils.get('session').then((session) =>
            {
                if (session != '' && session != null)
                {
                    HttpUtils.getJson(Constant.fwcjReportList + '?current=' + that.state.pageIndexHistory + '&size=20&houseNum=' + this.state.searchText, session, function (resultcode, data)
                    {
                        if (that.state.pageIndexHistory == 1)
                        {
                            that.setState({
                                onRefreshingHistory: false,
                                onLoadMoreHistory: data.records.length > 0,
                                dataSourceHistory: data.records,
                                loadMoreCountHistory: data.records.length,
                                isNoDataHistory: data.records.length == 0
                            });
                        } else
                        {
                            that.setState({
                                onRefreshingHistory: false,
                                onLoadMoreHistory: data.records.length > 0,
                                dataSourceHistory: that.state.dataSourceHistory.concat(data.records),
                                loadMoreCountHistory: data.records.length,
                                isNoDataHistory: false
                            });
                        }
                    }, function (resultcode, reason)
                    {
                        ToastUtils.toastShortBottom('错误码:' + resultcode + ',错误原因:' + reason);
                    });
                }
            });
        }
        catch (error)
        {
            ToastUtils.toastShortBottom(error);
        }
    }

    quertIdNumber()
    {
        try
        {
            var that = this;
            StorageUtils.get('session').then((session) =>
            {
                if (session != '' && session != null)
                {
                    HttpUtils.getJson(Constant.fwcjQueryIdNumber + '?idNumber=' + this.state.idNumber, session, function (resultcode, data)
                    {
                        if (data.length == 0)
                        {
                            ToastUtils.toastShortCenter('未检索到数据')
                        } else
                        {
                            that.setState({
                                showInputModal: true,
                                repeatIdNumbers: data
                            });
                        }
                    }, function (resultcode, reason)
                    {
                        ToastUtils.toastShortBottom('错误码:' + resultcode + ',错误原因:' + reason);
                    });
                }
            });
        }
        catch (error)
        {
            ToastUtils.toastShortBottom(error);
        }
    }

    postLocation(event)
    {
        console.log(event)
        var data = JSON.parse(event);
        this.setState({
            geoAddress: data.address,
            geoLocation: data.geolocation.lng + ',' + data.geolocation.lat,
        })
    }

    jumpLocation()
    {
        this.props.navigation.navigate('WebPage', {'title': '当前位置', 'url': Constant.mapServer + '?type=dingwei'})
    }

    jumpFwcjDetail(item)
    {
        this.props.navigation.navigate('PageFwcjDetail', {'item': item});
    }

    showDatePicker()
    {
        Keyboard.dismiss();
        this.DatePicker.show()
    }

    showItemDialog(type, datas)
    {
        this.setState({
            selectType: type,
            selectItemDatas: datas
        }, () =>
        {
            this.SimpleItemsDialog.show();
        })
    }

    jumpPhoto()
    {
        if (this.state.uploadPics.length >= 3)
        {
            ToastUtils.toastShortCenter('最多上传三张照片')
            return;
        }
        ImagePicker.showImagePicker(options, (response) =>
        {
            if (response.didCancel)
            {
                console.log('User cancelled image picker');
            } else if (response.error)
            {
                console.log('ImagePicker Error: ', response.error);
            } else if (response.customButton)
            {
                console.log('User tapped custom button: ', response.customButton);
            } else
            {
                var that = this;
                HttpUtils.uploadPic(Constant.uploadHouseImg, response.uri, function (resultcode, data)
                {
                    ToastUtils.toastShortBottom('上传图片成功');
                    var imgUrl = {url: data.link.toString()};
                    that.state.uploadPics.push(imgUrl);
                    that.setState({
                        uploadPics: that.state.uploadPics
                    })
                }, function (resultcode, reason)
                {
                    ToastUtils.toastShortBottom('错误码:' + resultcode + ',错误原因:' + reason);
                });
            }
        });
    }

    toStringPicsUrl()
    {
        var pics = '';
        for (var i = 0; i < this.state.uploadPics.length; i++)
        {
            pics = pics + this.state.uploadPics[i].url + ',';
        }
        pics = pics.substr(0, pics.lastIndexOf(','))
        return pics;
    }

    casePublishClick()
    {
        try
        {
            // RuleUtils.checkEmpty(this.state.address, '地址不能为空')
            // RuleUtils.checkUnSelect(this.state.buildState, '请先选择');
            // RuleUtils.checkUnSelect(this.state.structureType, '请先选择');
            // RuleUtils.checkUnSelect(this.state.structureMethod, '请先选择');
            // RuleUtils.checkUnSelect(this.state.landStatus, '请先选择');
            var that = this;
            var data = {
                "address": this.state.address,
                "ownerName": this.state.ownerName,
                "idNumber": this.state.idNumber,
                "buildState": this.state.bulidStateId,
                "floor": this.state.floor,
                "structureArea": this.state.structureArea,
                "structureData": this.state.structureData,
                "structureType": this.state.structureTypeId,
                "structureTypeOther": this.state.structureTypeOther,
                "structureMethod": this.state.structureMethodId,
                "structureMethodOther": this.state.structureMethodOther,
                "landStatus": this.state.landStatusId,
                "landProcedure": this.state.landProcedure,
                "buildProcedure": this.state.buildProcedure,
                "overProcedure": this.state.overProcedure,
                "loginProcedure": this.state.loginProcedure,
                "constructionPermits": this.state.constructionPermits,
                "planningProcedure": this.state.planningProcedure,
                "constructionProgress": this.state.constructionProgressId,
                "buildOrg": this.state.buildOrg,
                "designOrg": this.state.designOrg,
                "constructionOrg": this.state.constructionOrg,
                "changeContent": this.state.changeContentId == '' ? this.state.changeContentId : this.state.changeContentId.substr(1),
                "changeContentOther": this.state.changeContentOther,
                "houseProperty": this.state.housePropertyId,
                "housePropertyProcedure": this.state.housePropertyProcedure,
                "whetherBusiness": this.state.whetherBusiness,
                "businessProcedure": this.state.businessProcedure,
                "mainApplication": this.state.mainApplicationId == '' ? this.state.mainApplicationId : this.state.mainApplicationId.substr(1),
                "mainApplicationOther": this.state.mainApplicationOther,
                "safetyLoophole": this.state.safetyLoophole,
                "riskAreas": this.state.riskAreasId == '' ? this.state.riskAreasId : this.state.riskAreasId.substr(1),
                "riskAreasOther": this.state.riskAreasOther,
                "geo": this.state.geoLocation,
                "collectAddress": this.state.geoAddress,
                "picHouse": this.toStringPicsUrl()
            };
            console.log(JSON.stringify(data))
            StorageUtils.get('session').then((session) =>
            {
                if (session != '' && session != null)
                {
                    HttpUtils.postJsonWithRaw(Constant.saveHouseInfo, session, JSON.stringify(data), function (resultcode, data)
                    {
                        ToastUtils.toastShortBottom('采集信息上报成功')
                        that.props.navigation.goBack();
                    }, function (resultcode, reason)
                    {
                        ToastUtils.toastShortBottom('错误码:' + resultcode + ',错误原因:' + reason);
                    });
                }
            });
        }
        catch (error)
        {
            ToastUtils.toastShortBottom(error);
        }
    }

    renderUploadPics()
    {
        let allData = [];
        for (let i = 0; i < this.state.uploadPics.length; i++)
        {
            let item = this.state.uploadPics[i];
            allData.push(
                <TouchableWithoutFeedback key={item.url} onLongPress={() =>
                {
                    this.showLongPressDelPicModal(item, 'pics')
                }}>
                    <Image style={{width: 80, height: 80, borderColor: ColorUtils.line, borderWidth: 1, borderRadius: 10, marginRight: 8,}} source={{uri: item.url}}/>
                </TouchableWithoutFeedback>
            );
        }
        allData.push(
            <TouchableOpacity activeOpacity={0.8} onPress={() => this.jumpPhoto()} key={-1} style={{flexDirection: 'row', justifyContent: 'center', alignItems: 'center', borderStyle: 'dashed', borderColor: ColorUtils.line, borderWidth: 1, borderRadius: 10, width: 80, height: 80}}>
                <Image style={{width: 16, height: 16}} source={require('../img/img_add.png')}/>
            </TouchableOpacity>
        );
        return allData;
    }

    changeContentTag1()
    {
        if (this.state.changeContentTag1Check)
        {
            this.setState({
                changeContentTag1BgColor: ColorUtils.tagUnselectBgColor,
                changeContentTag1TxtColor: ColorUtils.tagUnselectTxtColor,
                changeContentTag1BorderColor: ColorUtils.tagUnselectBgColor,
                changeContentTag1Check: false,
                changeContentId: this.state.changeContentId.replace(',0', ''),
                changeContent: '楼顶加层'
            })
        } else
        {
            this.setState({
                changeContentTag1BgColor: ColorUtils.tagselectBgColor,
                changeContentTag1TxtColor: ColorUtils.tagselectTxtColor,
                changeContentTag1BorderColor: ColorUtils.tagselectBorderColor,
                changeContentTag1Check: true,
                changeContentId: this.state.changeContentId + ',0',
                changeContent: '楼顶加层'
            })
        }
    }

    changeContentTag2()
    {
        if (this.state.changeContentTag2Check)
        {
            this.setState({
                changeContentTag2BgColor: ColorUtils.tagUnselectBgColor,
                changeContentTag2TxtColor: ColorUtils.tagUnselectTxtColor,
                changeContentTag2BorderColor: ColorUtils.tagUnselectBgColor,
                changeContentTag2Check: false,
                changeContentId: this.state.changeContentId.replace(',1', ''),
                changeContent: '周边扩建'
            })
        } else
        {
            this.setState({
                changeContentTag2BgColor: ColorUtils.tagselectBgColor,
                changeContentTag2TxtColor: ColorUtils.tagselectTxtColor,
                changeContentTag2BorderColor: ColorUtils.tagselectBorderColor,
                changeContentTag2Check: true,
                changeContentId: this.state.changeContentId + ',1',
                changeContent: '周边扩建'
            })
        }
    }

    changeContentTag3()
    {
        if (this.state.changeContentTag3Check)
        {
            this.setState({
                changeContentTag3BgColor: ColorUtils.tagUnselectBgColor,
                changeContentTag3TxtColor: ColorUtils.tagUnselectTxtColor,
                changeContentTag3BorderColor: ColorUtils.tagUnselectBgColor,
                changeContentTag3Check: false,
                changeContentId: this.state.changeContentId.replace(',2', ''),
                changeContent: '楼内夹层'
            })
        } else
        {
            this.setState({
                changeContentTag3BgColor: ColorUtils.tagselectBgColor,
                changeContentTag3TxtColor: ColorUtils.tagselectTxtColor,
                changeContentTag3BorderColor: ColorUtils.tagselectBorderColor,
                changeContentTag3Check: true,
                changeContentId: this.state.changeContentId + ',2',
                changeContent: '楼内夹层'
            })
        }
    }

    changeContentTag4()
    {
        if (this.state.changeContentTag4Check)
        {
            this.setState({
                changeContentTag4BgColor: ColorUtils.tagUnselectBgColor,
                changeContentTag4TxtColor: ColorUtils.tagUnselectTxtColor,
                changeContentTag4BorderColor: ColorUtils.tagUnselectBgColor,
                changeContentTag4Check: false,
                changeContentId: this.state.changeContentId.replace(',3', ''),
                changeContent: '改变承重结构'
            })
        } else
        {
            this.setState({
                changeContentTag4BgColor: ColorUtils.tagselectBgColor,
                changeContentTag4TxtColor: ColorUtils.tagselectTxtColor,
                changeContentTag4BorderColor: ColorUtils.tagselectBgColor,
                changeContentTag4Check: true,
                changeContentId: this.state.changeContentId + ',3',
                changeContent: '改变承重结构'
            })
        }
    }

    changeContentTag5()
    {
        if (this.state.changeContentTag5Check)
        {
            this.setState({
                changeContentTag5BgColor: ColorUtils.tagUnselectBgColor,
                changeContentTag5TxtColor: ColorUtils.tagUnselectTxtColor,
                changeContentTag5BorderColor: ColorUtils.tagUnselectBgColor,
                changeContentTag5Check: false,
                changeContentId: this.state.changeContentId.replace(',4', ''),
                changeContent: ''
            })
        } else
        {
            this.setState({
                changeContentTag5BgColor: ColorUtils.tagselectBgColor,
                changeContentTag5TxtColor: ColorUtils.tagselectTxtColor,
                changeContentTag5BorderColor: ColorUtils.tagselectBgColor,
                changeContentTag5Check: true,
                changeContentId: this.state.changeContentId + ',4',
                changeContent: '其他'
            })
        }
    }

    mainApplicationTag1()
    {
        if (this.state.mainApplicationTag1Check)
        {
            this.setState({
                mainApplicationTag1BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag1TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag1BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag1Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',0', ''),
                mainApplication: '餐饮服务'
            })
        } else
        {
            this.setState({
                mainApplicationTag1BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag1TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag1BorderColor: ColorUtils.tagselectBorderColor,
                mainApplicationTag1Check: true,
                mainApplicationId: this.state.mainApplicationId + ',0',
                mainApplication: '餐饮服务'
            })
        }
    }

    mainApplicationTag2()
    {
        if (this.state.mainApplicationTag2Check)
        {
            this.setState({
                mainApplicationTag2BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag2TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag2BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag2Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',1', ''),
                mainApplication: '民宿宾馆'
            })
        } else
        {
            this.setState({
                mainApplicationTag2BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag2TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag2BorderColor: ColorUtils.tagselectBorderColor,
                mainApplicationTag2Check: true,
                mainApplicationId: this.state.mainApplicationId + ',1',
                mainApplication: '民宿宾馆'
            })
        }
    }

    mainApplicationTag3()
    {
        if (this.state.mainApplicationTag3Check)
        {
            this.setState({
                mainApplicationTag3BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag3TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag3BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag3Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',2', ''),
                mainApplication: '批发零售'
            })
        } else
        {
            this.setState({
                mainApplicationTag3BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag3TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag3BorderColor: ColorUtils.tagselectBorderColor,
                mainApplicationTag3Check: true,
                mainApplicationId: this.state.mainApplicationId + ',2',
                mainApplication: '批发零售'
            })
        }
    }

    mainApplicationTag4()
    {
        if (this.state.mainApplicationTag4Check)
        {
            this.setState({
                mainApplicationTag4BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag4TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag4BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag4Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',3', ''),
                mainApplication: '医疗卫生'
            })
        } else
        {
            this.setState({
                mainApplicationTag4BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag4TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag4BorderColor: ColorUtils.tagselectBgColor,
                mainApplicationTag4Check: true,
                mainApplicationId: this.state.mainApplicationId + ',3',
                mainApplication: '医疗卫生'
            })
        }
    }

    mainApplicationTag5()
    {
        if (this.state.mainApplicationTag5Check)
        {
            this.setState({
                mainApplicationTag5BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag5TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag5BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag5Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',4', ''),
                mainApplication: '休闲娱乐'
            })
        } else
        {
            this.setState({
                mainApplicationTag5BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag5TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag5BorderColor: ColorUtils.tagselectBgColor,
                mainApplicationTag5Check: true,
                mainApplicationId: this.state.mainApplicationId + ',4',
                mainApplication: '休闲娱乐'
            })
        }
    }

    mainApplicationTag6()
    {
        if (this.state.mainApplicationTag6Check)
        {
            this.setState({
                mainApplicationTag6BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag6TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag6BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag6Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',5', ''),
                mainApplication: '生产加工'
            })
        } else
        {
            this.setState({
                mainApplicationTag6BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag6TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag6BorderColor: ColorUtils.tagselectBorderColor,
                mainApplicationTag6Check: true,
                mainApplicationId: this.state.mainApplicationId + ',5',
                mainApplication: '生产加工'
            })
        }
    }

    mainApplicationTag7()
    {
        if (this.state.mainApplicationTag7Check)
        {
            this.setState({
                mainApplicationTag7BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag7TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag7BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag7Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',6', ''),
                mainApplication: '仓储物流'
            })
        } else
        {
            this.setState({
                mainApplicationTag7BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag7TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag7BorderColor: ColorUtils.tagselectBorderColor,
                mainApplicationTag7Check: true,
                mainApplicationId: this.state.mainApplicationId + ',6',
                mainApplication: '仓储物流'
            })
        }
    }

    mainApplicationTag8()
    {
        if (this.state.mainApplicationTag8Check)
        {
            this.setState({
                mainApplicationTag8BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag8TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag8BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag8Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',7', ''),
                mainApplication: '养老服务'
            })
        } else
        {
            this.setState({
                mainApplicationTag8BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag8TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag8BorderColor: ColorUtils.tagselectBgColor,
                mainApplicationTag8Check: true,
                mainApplicationId: this.state.mainApplicationId + ',7',
                mainApplication: '养老服务'
            })
        }
    }

    mainApplicationTag9()
    {
        if (this.state.mainApplicationTag9Check)
        {
            this.setState({
                mainApplicationTag9BgColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag9TxtColor: ColorUtils.tagUnselectTxtColor,
                mainApplicationTag9BorderColor: ColorUtils.tagUnselectBgColor,
                mainApplicationTag9Check: false,
                mainApplicationId: this.state.mainApplicationId.replace(',8', ''),
                mainApplication: ''
            })
        } else
        {
            this.setState({
                mainApplicationTag9BgColor: ColorUtils.tagselectBgColor,
                mainApplicationTag9TxtColor: ColorUtils.tagselectTxtColor,
                mainApplicationTag9BorderColor: ColorUtils.tagselectBgColor,
                mainApplicationTag9Check: true,
                mainApplicationId: this.state.mainApplicationId + ',8',
                mainApplication: '其他'
            })
        }
    }

    riskAreasTag1()
    {
        if (this.state.riskAreasTag1Check)
        {
            this.setState({
                riskAreasTag1BgColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag1TxtColor: ColorUtils.tagUnselectTxtColor,
                riskAreasTag1BorderColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag1Check: false,
                riskAreasId: this.state.riskAreasId.replace(',0', ''),
                riskAreas: '楼顶加层'
            })
        } else
        {
            this.setState({
                riskAreasTag1BgColor: ColorUtils.tagselectBgColor,
                riskAreasTag1TxtColor: ColorUtils.tagselectTxtColor,
                riskAreasTag1BorderColor: ColorUtils.tagselectBorderColor,
                riskAreasTag1Check: true,
                riskAreasId: this.state.riskAreasId + ',0',
                riskAreas: '楼顶加层'
            })
        }
    }

    riskAreasTag2()
    {
        if (this.state.riskAreasTag2Check)
        {
            this.setState({
                riskAreasTag2BgColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag2TxtColor: ColorUtils.tagUnselectTxtColor,
                riskAreasTag2BorderColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag2Check: false,
                riskAreasId: this.state.riskAreasId.replace(',1', ''),
                riskAreas: '周边扩建'
            })
        } else
        {
            this.setState({
                riskAreasTag2BgColor: ColorUtils.tagselectBgColor,
                riskAreasTag2TxtColor: ColorUtils.tagselectTxtColor,
                riskAreasTag2BorderColor: ColorUtils.tagselectBorderColor,
                riskAreasTag2Check: true,
                riskAreasId: this.state.riskAreasId + ',1',
                riskAreas: '周边扩建'
            })
        }
    }

    riskAreasTag3()
    {
        if (this.state.riskAreasTag3Check)
        {
            this.setState({
                riskAreasTag3BgColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag3TxtColor: ColorUtils.tagUnselectTxtColor,
                riskAreasTag3BorderColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag3Check: false,
                riskAreasId: this.state.riskAreasId.replace(',2', ''),
                riskAreas: '楼内夹层'
            })
        } else
        {
            this.setState({
                riskAreasTag3BgColor: ColorUtils.tagselectBgColor,
                riskAreasTag3TxtColor: ColorUtils.tagselectTxtColor,
                riskAreasTag3BorderColor: ColorUtils.tagselectBorderColor,
                riskAreasTag3Check: true,
                riskAreasId: this.state.riskAreasId + ',2',
                riskAreas: '楼内夹层'
            })
        }
    }

    riskAreasTag4()
    {
        if (this.state.riskAreasTag4Check)
        {
            this.setState({
                riskAreasTag4BgColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag4TxtColor: ColorUtils.tagUnselectTxtColor,
                riskAreasTag4BorderColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag4Check: false,
                riskAreasId: this.state.riskAreasId.replace(',3', ''),
                riskAreas: '改变承重结构'
            })
        } else
        {
            this.setState({
                riskAreasTag4BgColor: ColorUtils.tagselectBgColor,
                riskAreasTag4TxtColor: ColorUtils.tagselectTxtColor,
                riskAreasTag4BorderColor: ColorUtils.tagselectBgColor,
                riskAreasTag4Check: true,
                riskAreasId: this.state.riskAreasId + ',3',
                riskAreas: '改变承重结构'
            })
        }
    }

    riskAreasTag5()
    {
        if (this.state.riskAreasTag5Check)
        {
            this.setState({
                riskAreasTag5BgColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag5TxtColor: ColorUtils.tagUnselectTxtColor,
                riskAreasTag5BorderColor: ColorUtils.tagUnselectBgColor,
                riskAreasTag5Check: false,
                riskAreasId: this.state.riskAreasId.replace(',4', ''),
                riskAreas: ''
            })
        } else
        {
            this.setState({
                riskAreasTag5BgColor: ColorUtils.tagselectBgColor,
                riskAreasTag5TxtColor: ColorUtils.tagselectTxtColor,
                riskAreasTag5BorderColor: ColorUtils.tagselectBgColor,
                riskAreasTag5Check: true,
                riskAreasId: this.state.riskAreasId + ',4',
                riskAreas: '其他'
            })
        }
    }

    changeSafetyLoophole(id)
    {
        this.setState({
            safetyLoophole: id,
            riskAreas: '请选择',
            riskAreasId: '',
            //riskAreasTag1
            riskAreasTag1BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag1TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag1BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag1Check: false,
            //riskAreasTag2
            riskAreasTag2BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag2TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag2BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag2Check: false,
            //riskAreasTag3
            riskAreasTag3BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag3TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag3BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag3Check: false,
            //riskAreasTag4
            riskAreasTag4BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag4TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag4BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag4Check: false,
            //riskAreasTag5
            riskAreasTag5BgColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag5TxtColor: ColorUtils.tagUnselectTxtColor,
            riskAreasTag5BorderColor: ColorUtils.tagUnselectBgColor,
            riskAreasTag5Check: false,
        })
    }

    rendeFwcjReport()
    {
        return (
            <View style={{justifyContent: 'center', alignItems: 'center'}}>
                <View style={{flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>一、基本信息</Text>
                </View>
                <View style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>详细地址</Text>
                    <TextInput value={this.state.address} underlineColorAndroid='transparent' keyboardType='default' maxLength={30} placeholder='请输入' onChangeText={(text) => this.setState({address: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('房屋建设现状', this.state.buildStateArray)} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>房屋建设现状</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.buildState}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <View activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>产权人姓名</Text>
                    <TextInput value={this.state.ownerName} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({ownerName: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <View activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>身份证号</Text>
                    <TextInput value={this.state.idNumber} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({idNumber: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                    <TouchableOpacity activeOpacity={0.8} onPress={() => this.quertIdNumber()} style={{padding: 16, paddingTop: 4, paddingBottom: 4, borderWidth: 1, borderColor: ColorUtils.blue, borderRadius: 32, justifyContent: 'center', alignItems: 'center'}}>
                        <Text style={{fontSize: ScreenUtils.Font_10, color: ColorUtils.black}}>查询</Text>
                    </TouchableOpacity>
                </View>
                <View activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>建筑层数</Text>
                    <TextInput value={this.state.floor} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({floor: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <View activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>建筑面积(㎡)</Text>
                    <TextInput value={this.state.structureArea} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({structureArea: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showDatePicker()} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>建设时间</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.structureData}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('结构类型', this.state.structureTypeArray)} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>结构类型</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.structureType}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <View activeOpacity={0.8} style={{display: this.state.structureType == '其他' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>其他结构类型</Text>
                    <TextInput value={this.state.structureTypeOther} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({structureTypeOther: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('建造方式', this.state.structureMethodArray)} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>建造方式</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.structureMethod}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <View activeOpacity={0.8} style={{display: this.state.structureMethod == '其他' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>其他建造方式</Text>
                    <TextInput value={this.state.structureMethodOther} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({structureMethodOther: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('土地性质', this.state.landStatusArray)} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>土地性质</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.landStatus}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <View style={{flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>二、审批手续情况</Text>
                </View>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>用地手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({landProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>规划建设手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({buildProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>竣工验收程序</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({overProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>房屋登记手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({loginProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>施工许可证</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({constructionPermits: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>用地规划手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({planningProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('施工进度', this.state.constructionProgressArray)} style={{display: this.state.buildState == '在建房屋建筑' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>施工进度</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.constructionProgress}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>建设单位</Text>
                    <TextInput value={this.state.buildOrg} underlineColorAndroid='transparent' keyboardType='default' maxLength={30} placeholder='请输入' onChangeText={(text) => this.setState({buildOrg: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>设计单位</Text>
                    <TextInput value={this.state.designOrg} underlineColorAndroid='transparent' keyboardType='default' maxLength={30} placeholder='请输入' onChangeText={(text) => this.setState({designOrg: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>施工单位</Text>
                    <TextInput value={this.state.constructionOrg} underlineColorAndroid='transparent' keyboardType='default' maxLength={30} placeholder='请输入' onChangeText={(text) => this.setState({constructionOrg: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <View style={{flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>三、改造情况</Text>
                </View>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 98, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>改造内容</Text>
                    <View style={{flexDirection: 'column', justifyContent: 'center', paddingLeft: 8, paddingTop: 8, paddingBottom: 8,}}>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.changeContentTag1()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.changeContentTag1BgColor, borderWidth: 1, borderColor: this.state.changeContentTag1BorderColor}}>
                                    <Text style={{color: this.state.changeContentTag1TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        楼顶加层
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.changeContentTag2()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.changeContentTag2BgColor, borderWidth: 1, borderColor: this.state.changeContentTag2BorderColor}}>
                                    <Text style={{color: this.state.changeContentTag2TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        周边扩建
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.changeContentTag3()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.changeContentTag3BgColor, borderWidth: 1, borderColor: this.state.changeContentTag3BorderColor}}>
                                    <Text style={{color: this.state.changeContentTag3TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        楼内夹层
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.changeContentTag4()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.changeContentTag4BgColor, borderWidth: 1, borderColor: this.state.changeContentTag4BorderColor}}>
                                    <Text numberOfLines={1} style={{color: this.state.changeContentTag4TxtColor, fontSize: ScreenUtils.Font_10}}>
                                        改变承重结构
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.changeContentTag5()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.changeContentTag5BgColor, borderWidth: 1, borderColor: this.state.changeContentTag5BorderColor}}>
                                    <Text style={{color: this.state.changeContentTag5TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        其他
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.changeContent == '其他' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>其他改造内容</Text>
                    <TextInput value={this.state.changeContentOther} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({changeContentOther: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <View style={{display: this.state.buildState != '在建房屋建筑' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>四、房屋性质及用途改变情况</Text>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.showItemDialog('房屋性质', this.state.housePropertyArray)} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>房屋性质</Text>
                    <Text style={{marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.houseProperty}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 9, height: 16}} source={require('../img/arrowright.png')}/>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.houseProperty == '纯住宅' || this.state.houseProperty == '商住混用' || this.state.houseProperty == '公共服务设施' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>改变房屋性质手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({housePropertyProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">是</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">否</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.houseProperty == '纯住宅' || this.state.houseProperty == '商住混用' || this.state.houseProperty == '公共服务设施' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>是否用作经营</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({whetherBusiness: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">是</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">否</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.houseProperty == '纯住宅' || this.state.houseProperty == '商住混用' || this.state.houseProperty == '公共服务设施' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>经营审批手续</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 50,}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.setState({businessProcedure: id})}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">有</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">无</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.houseProperty == '纯住宅' || this.state.houseProperty == '商住混用' || this.state.houseProperty == '公共服务设施' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 138, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>主要用途</Text>
                    <View style={{flexDirection: 'column', justifyContent: 'center', paddingLeft: 8, paddingTop: 8, paddingBottom: 8,}}>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag1()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag1BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag1BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag1TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        餐饮服务
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag2()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag2BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag2BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag2TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        民宿宾馆
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag3()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag3BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag3BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag3TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        批发零售
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag4()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag4BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag4BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag4TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        医疗卫生
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag5()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag5BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag5BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag5TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        休闲娱乐
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag6()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag6BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag6BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag6TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        生产加工
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag7()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag7BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag7BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag7TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        仓储物流
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag8()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag8BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag8BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag8TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        养老服务
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.mainApplicationTag9()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.mainApplicationTag9BgColor, borderWidth: 1, borderColor: this.state.mainApplicationTag9BorderColor}}>
                                    <Text style={{color: this.state.mainApplicationTag9TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        其他
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.mainApplication == '其他' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>其他主要用途</Text>
                    <TextInput value={this.state.mainApplicationOther} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({mainApplicationOther: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <View style={{display: this.state.buildState != '在建房屋建筑' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>五、安全情况</Text>
                </View>
                <TouchableOpacity activeOpacity={0.8} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>安全隐患初判</Text>
                    <RadioModal
                        ref="RadioModal7"
                        innerStyle={{width: 90}}
                        noneColor={'#efefef'}
                        selectedValue="0"
                        onValueChange={(id) => this.changeSafetyLoophole(id)}
                        style={{flexDirection: 'row', justifyContent: 'center'}}>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="0">基本安全</Text>
                        <Text style={{color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}} value="1">存在隐患</Text>
                    </RadioModal>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.safetyLoophole == '1' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 98, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>风险部位</Text>
                    <View style={{flexDirection: 'column', justifyContent: 'center', paddingLeft: 8, paddingTop: 8, paddingBottom: 8,}}>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.riskAreasTag1()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.riskAreasTag1BgColor, borderWidth: 1, borderColor: this.state.riskAreasTag1BorderColor}}>
                                    <Text style={{color: this.state.riskAreasTag1TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        墙体
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.riskAreasTag2()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.riskAreasTag2BgColor, borderWidth: 1, borderColor: this.state.riskAreasTag2BorderColor}}>
                                    <Text style={{color: this.state.riskAreasTag2TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        梁柱
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.riskAreasTag3()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.riskAreasTag3BgColor, borderWidth: 1, borderColor: this.state.riskAreasTag3BorderColor}}>
                                    <Text style={{color: this.state.riskAreasTag3TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        地基
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                        <View style={{flexDirection: 'row', alignItems: 'center', paddingLeft: 4, paddingTop: 4, paddingBottom: 4,}}>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.riskAreasTag4()}>
                                <View style={{justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.riskAreasTag4BgColor, borderWidth: 1, borderColor: this.state.riskAreasTag4BorderColor}}>
                                    <Text numberOfLines={1} style={{color: this.state.riskAreasTag4TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        屋面
                                    </Text>
                                </View>
                            </TouchableOpacity>
                            <TouchableOpacity activeOpacity={0.5} onPress={() => this.riskAreasTag5()}>
                                <View style={{marginLeft: 16, justifyContent: 'center', alignItems: 'center', width: 80, height: 30, padding: 4, borderRadius: 4, backgroundColor: this.state.riskAreasTag5BgColor, borderWidth: 1, borderColor: this.state.riskAreasTag5BorderColor}}>
                                    <Text style={{color: this.state.riskAreasTag5TxtColor, fontSize: ScreenUtils.Font_12}}>
                                        其他
                                    </Text>
                                </View>
                            </TouchableOpacity>
                        </View>
                    </View>
                </TouchableOpacity>
                <TouchableOpacity activeOpacity={0.8} style={{display: this.state.riskAreas == '其他' ? 'flex' : 'none', flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>其他风险部位</Text>
                    <TextInput value={this.state.riskAreasOther} underlineColorAndroid='transparent' keyboardType='default' maxLength={20} placeholder='请输入' onChangeText={(text) => this.setState({riskAreasOther: text})} multiline={true}
                               style={{color: ColorUtils.gray, fontSize: ScreenUtils.Font_14, width: 200, textAlign: 'right', marginRight: 8}}/>
                </TouchableOpacity>
                <View style={{flexDirection: 'row', alignItems: 'center', paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line, backgroundColor: '#cccccc'}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>六、其他上传</Text>
                </View>
                <TouchableOpacity activeOpacity={0.8} onPress={() => this.jumpLocation()} style={{flexDirection: 'row', alignItems: 'center', height: 58, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <Text style={{flex: 1, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>采集位置</Text>
                    <Text numberOfLines={2} style={{textAlign: 'right', width: 220, marginRight: 16, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{this.state.geoAddress}</Text>
                    <View style={{width: 14, justifyContent: 'center', alignItems: 'center'}}>
                        <Image style={{width: 14, height: 18}} source={require('../img/map_location.png')}/>
                    </View>
                </TouchableOpacity>
                <View style={{flexDirection: 'row', height: 120, paddingTop: 8, paddingBottom: 8, paddingLeft: 16, paddingRight: 16, borderBottomWidth: 1, borderBottomColor: ColorUtils.line}}>
                    <View style={{width: 80, height: 50, flexDirection: 'row', alignItems: 'center',}}>
                        <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>房屋照片</Text>
                    </View>
                    <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
                        <View style={{width: ScreenUtils.width - 112, flex: 1, flexDirection: 'row', justifyContent: 'flex-end', alignItems: 'center',}}>
                            {this.renderUploadPics()}
                        </View>
                    </ScrollView>
                </View>
                <View style={{flexDirection: 'row', alignItems: 'center', marginLeft: 16, marginRight: 16, marginTop: 16, marginBottom: 100}}>
                    <TouchableOpacity activeOpacity={0.8} onPress={() => this.casePublishClick()} style={{marginLeft: 16, flex: 1, justifyContent: 'center', alignItems: 'center', height: 44, borderRadius: 6, backgroundColor: ColorUtils.blue}}>
                        <Text style={{color: ColorUtils.white, fontSize: ScreenUtils.Font_14}}>
                            上报数据
                        </Text>
                    </TouchableOpacity>
                </View>
            </View>
        )
    }

    renderFooterHistory()
    {
        if (this.state.isNoDataHistory)
        {
            return (
                <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
                    <Image resizeMode={Image.resizeMode.stretch} style={{marginTop: 80, width: 152, height: 120}} source={require('../img/list_nodata.png')}/>
                    <Text style={{fontSize: ScreenUtils.Font_14, color: '#7EA0BF', fontWeight: 'bold', marginTop: 8}}>暂无数据</Text>
                </View>
            );
        }
        if (this.state.loadMoreCountHistory < 20)
        {
            this.state.onLoadMoreHistory = false;
            return null;
        } else
        {
            return (
                <View style={{paddingBottom: 2, flexDirection: 'row', justifyContent: 'center', alignItems: 'center'}}>
                    <ActivityIndicator style={{width: 25, height: 25,}} color='#2C98F2'/>
                    <Text style={{marginLeft: 4, fontSize: ScreenUtils.Font_10}}>执行中...</Text>
                </View>
            );
        }
    }

    onRefreshHistory()
    {
        console.log('pull refresh History..')
        this.state.pageIndexHistory = 1;
        this.getHistoryList();
    }

    onLoadMoreHistory()
    {
        console.log('pull load History..')
        if (!this.state.onLoadMoreHistory) return null;
        this.state.pageIndexHistory = this.state.pageIndexHistory + 1;
        this.getHistoryList();
    }

    renderHistoryItemView({item})
    {
        return (
            <TouchableOpacity key={item.id} activeOpacity={0.8} onPress={() => this.jumpFwcjDetail(item)} style={{paddingTop: 16, paddingLeft: 16, paddingRight: 16}}>
                <View style={{flexDirection: 'row'}}>
                    <View style={{height: '100%', backgroundColor: ColorUtils.blue, width: 3}}/>
                    <View style={{marginLeft: 4, flex: 1, flexDirection: 'column', justifyContent: 'center', marginLeft: 8}}>
                        <View style={{flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>单据编号:</Text>
                            <Text style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.houseNum == "" ? '无' : item.houseNum}</Text>
                        </View>
                        <View style={{marginTop: 8, flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>采集时间:</Text>
                            <Text style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.createTime}</Text>
                        </View>
                        <View style={{marginTop: 8, flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>采集人员:</Text>
                            <Text style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.createUserName}</Text>
                        </View>
                        <View style={{marginTop: 8, flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>身份证号:</Text>
                            <Text style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.idNumber}</Text>
                        </View>
                        <View style={{marginTop: 8, flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>房屋地址:</Text>
                            <Text numberOfLines={1} style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.address}</Text>
                        </View>
                        <View style={{marginTop: 8, flexDirection: 'row', alignItems: 'center'}}>
                            <Text style={{fontSize: ScreenUtils.Font_14, color: ColorUtils.light_gray}}>产权姓名:</Text>
                            <Text style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, color: ColorUtils.black}}>{item.ownerName}</Text>
                        </View>
                    </View>
                    <View style={{height: 26, justifyContent: 'center', padding: 6, borderRadius: 4, backgroundColor: '#D6EAFF'}}>
                        <Text style={{color: '#3197FF', fontSize: ScreenUtils.Font_10}}>
                            已上报
                        </Text>
                    </View>
                </View>
                <View style={{marginTop: 16, height: 1, borderColor: ColorUtils.line, borderBottomWidth: 1}}/>
            </TouchableOpacity>
        );
    }

    renderRepeatIdNumber()
    {
        let allData = [];
        for (let i = 0; i < this.state.repeatIdNumbers.length; i++)
        {
            let item = this.state.repeatIdNumbers[i];
            allData.push(
                <View key={i} style={{flexDirection: 'row', padding: 8}}>
                    <Text style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                        {item.createTime}
                    </Text>
                    <Text style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                        {item.createUser}
                    </Text>
                    <Text numberOfLines={2} style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                        {item.address}
                    </Text>
                </View>
            );
        }
        return allData;
    }

    render()
    {
        return (
            <View style={styles.container}>
                <ScrollableTabView
                    locked={true}
                    renderTabBar={() => <DefaultTabBar style={{flexDirection: 'row', borderBottomWidth: 0, paddingBottom: 3, height: 45}}/>}
                    onChangeTab={this.onChangeTabs.bind(this)}
                    tabBarUnderlineStyle={styles.tabBarUnderlineStyle}
                    tabBarTextStyle={styles.tabBarTextStyle}
                    tabBarBackgroundColor={ColorUtils.white}
                    tabBarInactiveTextColor={ColorUtils.black}
                    tabBarActiveTextColor={ColorUtils.blue}>
                    <ScrollView tabLabel='新增上报'>
                        {this.rendeFwcjReport()}
                    </ScrollView>
                    <View tabLabel='已上报'>
                        <View style={{margin: 32, marginTop: 16, marginBottom: 8, paddingLeft: 16, paddingRight: 16, backgroundColor: '#DDDDDD', borderRadius: 32, flexDirection: 'row', alignItems: 'center'}}>
                            <Image resizeMode={Image.resizeMode.stretch} source={require('../img/search_icon.png')} style={{width: 20, height: 20}}/>
                            <TextInput value={this.state.searchText} underlineColorAndroid='transparent' keyboardType='numeric' maxLength={30} placeholder='请输入搜单据编号' onChangeText={(text) => this.searchChange(text)} onSubmitEditing={() => this.searchEnd()}
                                       multiline={false} style={{marginLeft: 8, fontSize: ScreenUtils.Font_14, flex: 1, height: 40, color: ColorUtils.black}}/>
                            <TouchableOpacity activeOpacity={0.8} onPress={() => this.cancelSearch()}>
                                <Image resizeMode={Image.resizeMode.stretch} source={require('../img/cancel_search.png')} style={{width: 22, height: 22, display: this.state.isShowCancelDelete ? 'flex' : 'none',}}/>
                            </TouchableOpacity>
                        </View>
                        <AnimatedFlatList
                            data={this.state.dataSourceHistory}
                            keyExtractor={item => item.id}
                            renderItem={this.renderHistoryItemView.bind(this)}
                            ListFooterComponent={this.renderFooterHistory.bind(this)}
                            refreshing={this.state.onRefreshingHistory}
                            onRefresh={this.onRefreshHistory.bind(this)}
                            onEndReached={this.onLoadMoreHistory.bind(this)}
                            onEndReachedThreshold={1}
                        />
                    </View>
                </ScrollableTabView>
                <DatePicker
                    unit={this.state.unit}
                    startYear={this.state.startYear}
                    endYear={this.state.endYear}
                    HH={false}
                    mm={false}
                    ss={false}
                    onPickerConfirm={(value) =>
                    {
                        this.setState({
                            structureData: TimeUtils.convertDayFromString(value)
                        })
                    }}
                    onPickerCancel={() =>
                    {
                        // alert('cancel')
                    }}
                    ref={ref => this.DatePicker = ref}/>
                <SimpleItemsBottom
                    items={this.state.selectItemDatas}
                    itemKey='value'
                    ref={ref => this.SimpleItemsDialog = ref}
                    onPress={(pos) =>
                    {
                        if (this.state.selectType == '房屋建设现状')
                        {
                            if (this.state.selectItemDatas[pos].value == '既有房屋建筑')
                            {
                                this.setState({
                                    buildState: this.state.selectItemDatas[pos].value,
                                    bulidStateId: this.state.selectItemDatas[pos].key,
                                    constructionProgress: '请选择',//施工进度
                                    constructionProgressId: '',//土地性质Id
                                })
                            } else
                            {
                                this.setState({
                                    buildState: this.state.selectItemDatas[pos].value,
                                    bulidStateId: this.state.selectItemDatas[pos].key
                                })
                            }
                        }
                        if (this.state.selectType == '结构类型')
                        {
                            this.setState({
                                structureType: this.state.selectItemDatas[pos].value,
                                structureTypeId: this.state.selectItemDatas[pos].key
                            })
                        }
                        if (this.state.selectType == '建造方式')
                        {
                            this.setState({
                                structureMethod: this.state.selectItemDatas[pos].value,
                                structureMethodId: this.state.selectItemDatas[pos].key
                            })
                        }
                        if (this.state.selectType == '土地性质')
                        {
                            this.setState({
                                landStatus: this.state.selectItemDatas[pos].value,
                                landStatusId: this.state.selectItemDatas[pos].key
                            })
                        }
                        if (this.state.selectType == '施工进度')
                        {
                            this.setState({
                                constructionProgress: this.state.selectItemDatas[pos].value,
                                constructionProgressId: this.state.selectItemDatas[pos].key
                            })
                        }
                        if (this.state.selectType == '房屋性质')
                        {
                            if (this.state.selectItemDatas[pos].value == '纯商用')
                            {
                                this.setState({
                                    houseProperty: this.state.selectItemDatas[pos].value,
                                    housePropertyId: this.state.selectItemDatas[pos].key,
                                    housePropertyProcedure: '',
                                    whetherBusiness: '',
                                    businessProcedure: '',
                                    mainApplicationId: '',
                                    mainApplication: '请选择',
                                    mainApplicationOther: ''
                                })
                            } else
                            {
                                this.setState({
                                    houseProperty: this.state.selectItemDatas[pos].value,
                                    housePropertyId: this.state.selectItemDatas[pos].key,
                                    housePropertyProcedure: '0',
                                    whetherBusiness: '0',
                                    businessProcedure: '0',
                                    mainApplicationId: '',
                                    mainApplication: '请选择',
                                    mainApplicationOther: ''
                                })
                            }
                        }
                    }}/>
                <Modal style={styles.container}
                       transparent={true}
                       visible={this.state.showInputModal}
                       onRequestClose={() =>
                       {
                           this.setState({showInputModal: false});
                       }}>
                    <TouchableWithoutFeedback style={{flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.5)',}} onPress={() =>
                    {
                        this.setState({showInputModal: false})
                    }}>
                        <View style={{flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: 'rgba(0, 0, 0, 0.6)'}}>
                            <View style={{borderRadius: 10, alignItems: 'center', backgroundColor: '#fff', width: 300}}>
                                <View style={{backgroundColor: '#F4F4F4', width: 300, height: 40, borderRadius: 10, flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}}>
                                    <Text style={{fontSize: 16, color: '#333333', marginLeft: 25, marginRight: 25}}>提示</Text>
                                </View>
                                <View style={{width: 300, height: 250, justifyContent: 'center', padding: 4}}>
                                    <View key={-1} style={{backgroundColor: ColorUtils.white, flexDirection: 'row', justifyContent: 'center', alignItems: 'center', padding: 8}}>
                                        <Text style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                                            采集时间
                                        </Text>
                                        <Text style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                                            采集人员
                                        </Text>
                                        <Text style={{textAlign: 'center', flex: 1, color: ColorUtils.light_gray, fontSize: ScreenUtils.Font_14}}>
                                            采集地址
                                        </Text>
                                    </View>
                                    <ScrollView>
                                        {this.renderRepeatIdNumber()}
                                    </ScrollView>
                                </View>
                                <View style={{flex: 1, width: 300, height: 50, flexDirection: 'row', borderTopWidth: 1, position: "absolute", bottom: 0, borderTopColor: '#cccccc', alignItems: 'center'}}>
                                    <TouchableOpacity style={{flex: 1, justifyContent: 'center', alignItems: 'center', height: 44, borderRightColor: '#cccccc'}} onPress={() =>
                                    {
                                        this.setState({showInputModal: false});
                                    }}>
                                        <Text style={{marginTop: 5, textAlign: 'center', fontSize: 16, marginBottom: 10, color: ColorUtils.light_gray}}>取消</Text>
                                    </TouchableOpacity>
                                    <TouchableOpacity style={{flex: 1, justifyContent: 'center', alignItems: 'center', height: 44, borderLeftColor: '#cccccc', borderLeftWidth: 1}} onPress={() =>
                                    {
                                        this.setState({showInputModal: false});
                                    }}>
                                        <Text style={{marginTop: 5, textAlign: 'center', fontSize: 16, marginBottom: 10, color: ColorUtils.blue}}>确定</Text>
                                    </TouchableOpacity>
                                </View>
                            </View>
                        </View>
                    </TouchableWithoutFeedback>
                </Modal>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: ColorUtils.white,
    },
    tabBarUnderlineStyle: {
        height: 2,
        minWidth: Math.floor(ScreenUtils.width * 0.8 / 8),
        backgroundColor: ColorUtils.blue,
    },
    tabBarTextStyle: {
        fontSize: ScreenUtils.Font_14,
        fontWeight: 'normal'
    }
});


